.floatL{ float:left}
.floatR{ float:right}
.ssMain{background:#000}
.ssHeader{}
.ssSubHeader{ background:url(../images/theme2/ShortSell/bgSubHeader.png) repeat-x bottom #EFF9FF;   color:#fff; font-weight:bold; padding:5px; text-align:left; }
.ssTopInfo{}
.floatWrapper{ width:100%; overflow:hidden}

.ssTopInfo { }
.ssTopInfo td{border:1px solid #555555; vertical-align:top}
.ssTopInfo .ssTopInfoLeft{ width:35%; background:url(../images/theme2/ShortSell/bgTopInfo.png) repeat-x bottom #333333; height:66px; }
.ssTopInfo .ssTopInfoLeft span{ display:block; padding:2px; color:#999}
.ssTopInfo .ssTopInfoLeft h1{  text-align:center; font-size:30px; line-height:100%; margin:0px; padding-top:3px;}


.ssTopInfo .ssTopInfoRight { }
.ssTopInfo .ssTopInfoRight label{float:left; background:#333;height:22px; padding:5px 7px; line-height:22px; width:126px; border-right:1px solid #4b4b4b; color:#999}
.ssTopInfo .ssTopInfoRight span{float:left; height:22px;padding:5px 7px; line-height:22px; font-weight:bold; }

.ssChartWrapper{ background:#222222; padding:10px 7px; border-top:1px solid #3C3C3C; margin:0px 2px}
.ssChartWrapper .ssChartControl{ color:#999; margin-bottom:10px}
.ssChartWrapper .ssChartControl input{ width:30px; border:1px solid #A5ACB2; padding:3px 4px; margin-left:3px }

.ssDataList .ssDataListS1 { }
.ssDataList .ssDataListS1 caption{ background:url(../images/theme2/ShortSell/bgTableCaption.png) repeat-x top #131313; color:#fff;  font-weight:bold; padding:5px; text-align:left; border-top:1px solid #444444}
.ssDataList .ssDataListS1 th { text-align:left; background:#333333;  padding:6px 5px }
.ssDataList .ssDataListS1 td { text-align:left; background:#333333;  padding:6px 5px }

.ssDataList .ssDataListS1 .odd td{ background:#000000; color:#FFA10D}
.ssDataList .ssDataListS1 .even td{ background:#000030; color:#FFA10D}

.ssDataList .ssDataListS2 { }
.ssDataList .ssDataListS2 th { text-align:left; background:url(../images/theme2/ShortSell/bgSubHeader2.png) repeat-x bottom #333333;  padding:6px 5px; color:#fff; font-weight:normal; vertical-align:TOP }
.ssDataList .ssDataListS2 th , .ssDataList .ssDataListS2 th *{ color:#fff; font-weight:normal; }
.ssDataList .ssDataListS2 td { text-align:left;  padding:6px 5px }
.ssDataList .ssDataListS2 .odd td{ background:#000000; color:#FFA10D}
.ssDataList .ssDataListS2 .even td{ background:#000030; color:#FFA10D}

.ssChartControl{ }
.ssChartControl td{ padding-right:5px; }
.ssChartUpdateEng{background:url(../images/ShortSell/btn_update_en.png) no-repeat; width:71px; height:20px; display:block  }
.ssChartUpdateEng:hover{background:url(../images/ShortSell/btn_update_en_o.png) no-repeat;  }
.ssChartResetEng{background:url(../images/ShortSell/btn_reset_en.png) no-repeat; width:71px; height:20px; display:block }
.ssChartResetEng:hover{background:url(../images/ShortSell/btn_reset_en_o.png) no-repeat; }
.ssChartUpdateChi{background:url(../images/ShortSell/btn_update_tc.png) no-repeat; width:71px; height:20px; display:block  }
.ssChartUpdateChi:hover{background:url(../images/ShortSell/btn_update_tc_o.png) no-repeat;  }
.ssChartResetChi{background:url(../images/ShortSell/btn_reset_tc.png) no-repeat; width:71px; height:20px; display:block }
.ssChartResetChi:hover{background:url(../images/ShortSell/btn_reset_tc_o.png) no-repeat; }
.ssChartUpdateChn{background:url(../images/ShortSell/btn_update_sc.png) no-repeat; width:71px; height:20px; display:block  }
.ssChartUpdateChn:hover{background:url(../images/ShortSell/btn_update_sc_o.png) no-repeat;  }
.ssChartResetChn{background:url(../images/ShortSell/btn_reset_sc.png) no-repeat; width:71px; height:20px; display:block }
.ssChartResetChn:hover{background:url(../images/ShortSell/btn_reset_sc_o.png) no-repeat; }


.btnShow30{  cursor:hand; display:block; margin: 10px 5px; height: 19px;}
.btnShow30 span{ float: left;height: 19px;background:transparent url(../Images/ShortSell/btnShowTop30.png) 0 0 no-repeat; padding: 0 0 0 10px; font:  11px/22px Arial, sans-serif; text-align: center; white-space: nowrap;}
.btnShow30 span span {background-position: 100% 0;padding: 0 10px 0 0px;color:#004067}
.btnShow30 strong{background:transparent url(../Images/ShortSell/arrow_open.png) right center no-repeat; padding-right:10px} 
.btnShow30Active strong{background:transparent url(../Images/ShortSell/arrow_close.png) right center no-repeat; padding-right:10px} 

.ssMenu{ position:relative}
.ssMenuRight{ position:absolute; right:10px}

.hide { display:none}

.btnClose{ margin:5px}
.btnReflesh{ margin:5px}

#imgTab{ padding-top:10px;}

.ssChart{
 
 
}
.mainContainer
{ 
 width: 765px; 
 height: 370px;
 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
 -webkit-user-select: none;
 -moz-user-focus: none;
 -moz-user-select: none;
 margin:0 auto;
 
} 
#chart_container, #chart_container2{
 width: 765px; 
 height: 370px;
 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
 -webkit-user-select: none;
 -moz-user-focus: none;
 -moz-user-select: none;
}
.flotr-labels{
 color: #213645;
 white-space: nowrap;
}
.flotr-title{
 font-family:arial;
 color:#000000;
}

.chartLegend span{ float:left ; margin-right:5px; width:15px; height:15px;  margin-bottom:5px;}
.chartLegend label{ float:left;  margin-right:5px; }

.chartLegendShortTurnover{ background:#e2597e}
.chartLegendLongTurnover{background:#2bc0c7}
.chartLegendSSR{background:#50c700}
.chartLegendSSRDay1{background:#ffa128}
.chartLegendSSRDay2{background:#2686d0}
.chartLegendSSRDay3{background:#ff3939}




#imgTabDH .tabSeperator{float:left;height:33px;width:4px}
#imgTabDH{padding:0 0 33px 8px;}
#imgTabDH a span{padding:2px 10px 0px 6px;  }
#imgTabDH li.imgTabDH_selected, #imgTabDH li.imgTabDH_default{height:33px}
#imgTabDH li.imgTabDH_selected a, #imgTabDH li.imgTabDH_default a{background:url(../Images/Theme2/minitab_deep_left_1.png) left top no-repeat;height:33px}
#imgTabDH li.imgTabDH_selected a span, #imgTabDH li.imgTabDH_default a span{background:url(../Images/Theme2/minitab_deep_right_1.png) right top no-repeat;height:32px}
#imgTabDH a, #imgTabDH a span {
display: block;
float: left;
}

#imgTabDH li.imgTabDH_default a{background-position:left 0px}
#imgTabDH li.imgTabDH_default a span{background-position:right 0px}
#imgTabDH li.imgTabDH_selected a{background-position:left -33px}
#imgTabDH li.imgTabDH_selected a span{background-position:right -33px; color:#fff}
#imgTabDH li.imgTabDH_default a:hover{background-position:left -66px}
#imgTabDH li.imgTabDH_default a:hover span{background-position:right -66px}

.ddlDate, .textbox, .SMA1, .SMA2, .SMA3{ background:#555; color:#fff; border:1px solid #444}